﻿<!DOCTYPE html>
<html lang="zh-CN">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Lenovo-自动化测试管理平台</title>
    <link href="style/authority/main_css.css" rel="stylesheet" type="text/css"/>
    <link href="style/authority/zTreeStyle.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="scripts/jquery/jquery-1.7.1.js"></script>
    <script type="text/javascript" src="scripts/zTree/jquery.ztree.core-3.2.js"></script>
    <script type="text/javascript" src="scripts/authority/commonAll.js"></script>
    <script type="text/javascript" src="scripts/lenovocloud/index/index.js"></script>
    <script type="text/javascript">

        /**退出系统**/
        function logout() {
            if (confirm("您确定要退出本系统吗？")) {
                window.location.href = "/LoginAndRegister/logout";
            }
        }

        /**获得当前日期**/
        function getDate01() {
            var time = new Date();
            var myYear = time.getFullYear();
            var myMonth = time.getMonth() + 1;
            var myDay = time.getDate();
            if (myMonth < 10) {
                myMonth = "0" + myMonth;
            }
            //document.getElementById("yue_fen").innerHTML =  myYear + "." + myMonth;
            document.getElementById("day_day").innerHTML = myYear + "." + myMonth + "." + myDay;
        }

    </script>

    <style>
        .module_button {
            width: 95%;
            height: 95%;
            text-align: center;
            border-radius: 8px;
            border: 0px solid;
        }

        .module_button:hover {
            background-color: #919191;
        }

        .module_button:focus {
            background-color: #919191;
        }
    </style>
</head>
<body onload="getDate01()">

<div id="top">
    <div id="top_logo">
        <img alt="logo" src="images/common/logo.png" width="500" height="50" style="vertical-align:middle;">
    </div>
    <div id="top_links">
        <div id="top_op">
            <ul style="text-align: right">
                <li>
                    <img alt="当前用户" src="images/common/user.jpg">：
                    <span>
                        <input type="hidden" th:text="${session.User}" th:value="${session.User}" id="userstatus"/>
                        <input type="hidden" th:value="${session.level}" id="level">
                    </span>
                </li>
                <script>
                    // 	var status = document.getElementById("userstatus").value;
                    level = document.getElementById("level").value;
                    // 	if(status==""){window.location.href="login.html";}
                </script>
                <!--<li>
                    <img alt="事务月份" src="images/common/month.jpg">：
                    <span id="yue_fen"></span>
                </li>-->
                <li>
                    <img alt="今天是" src="images/common/date.jpg">：
                    <span id="day_day"></span>
                </li>
            </ul>
        </div>
        <div id="top_close">
            <a href="javascript:void(0);" onclick="logout();" target="_parent">
                <img alt="退出系统" title="退出系统" src="images/common/close.jpg"
                     style="position: relative; top: 10px; left: 25px;">
            </a>
        </div>
    </div>
</div>
<!-- side menu start -->
<div id="side">
    <div id="left_menu">
        <ul id="TabPage2" style="height:200px; margin-top:50px;">
            <li id="left_tab1" class="selected" onClick="javascript:switchTab('TabPage2','left_tab1');" title="第三方平台数据">
                <img alt="第三方平台数据" title="第三方平台数据" src="images/common/1_hover.jpg" width="33" height="31">
            </li>
            <li id="left_tab2" onClick="javascript:switchTab('TabPage2','left_tab2');" title="报告">
                <img alt="查看报告" title="查看报告" src="images/common/2.jpg" width="33" height="31">
            </li>
            <li id="left_tab3" onClick="javascript:switchTab('TabPage2','left_tab3');" title="设置">
                <img alt="用户设置" title="用户设置" src="images/common/3.jpg" width="33" height="31">
            </li>
            <li id="left_tab4" onClick="javascript:switchTab('TabPage2','left_tab4');" title="反馈">
                <img alt="问题反馈" title="问题反馈" src="images/common/4.jpg" width="33" height="31">
            </li>
            <li id="left_tab5" onClick="javascript:switchTab('TabPage2','left_tab5');" title="Job">
                <img alt="Job列表" title="Job列表" src="images/common/5.jpg" width="33" height="31">
            </li>
        </ul>
        <div id="nav_show" style="position:absolute; bottom:0px; padding:10px;">
            <a href="javascript:;" id="show_hide_btn">
                <img alt="显示/隐藏" title="显示/隐藏" src="images/common/nav_hide.png" width="35" height="35">
            </a>
        </div>
    </div>
    <div id="left_menu_cnt">
        <div id="nav_module" style="width: 210px;height: auto;display: none">
            <div id="top_left" style="float:left ; width:105px; height:29px;">
                <button id="default_button" class="module_button" onclick="loadTypeMenu('Online')">线上</button>
            </div>
            <div id="top_right" style="float:left ; width:105px; height:29px;">
                <button class="module_button" onclick="loadTypeMenu('TEST')">TEST</button>
            </div>
            <div id="bottom_left" style="float:left ; width:105px; height:29px;">
                <button class="module_button" onclick="loadTypeMenu('QA')">QA</button>
            </div>
            <div id="bottom_right" style="float:left ; width:105px; height:29px;">
                <button class="module_button" onclick="loadTypeMenu('HUIDU')">灰度</button>
            </div>
        </div>

        <div id="nav_resource">
            <ul id="dleft_tab1" class="ztree"></ul>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        $('#TabPage2 li').click(function () {
            var index = $(this).index();
            if ((index + 1) == 2) document.getElementById("nav_module").style.display = "block";
            else document.getElementById("nav_module").style.display = "none";
            $(this).find('img').attr('src', 'images/common/' + (index + 1) + '_hover.jpg');
            $(this).css({background: '#fff'});
            //$('#nav_module').find('img').attr('src', 'images/common/module_'+ (index+1) +'.png');
            $('#TabPage2 li').each(function (i, ele) {
                if (i != index) {
                    $(ele).find('img').attr('src', 'images/common/' + (i + 1) + '.jpg');
                    $(ele).css({background: '#044599'});
                }
            });
            // 显示侧边栏
            switchSysBar(true);
        });
        // 显示隐藏侧边栏
        $("#show_hide_btn").click(function () {
            switchSysBar();
        });
    });

    /**隐藏或者显示侧边栏**/
    function switchSysBar(flag) {
        var side = $('#side');
        var left_menu_cnt = $('#left_menu_cnt');
        if (flag) {	// flag==true
            left_menu_cnt.show(500, 'linear');
            side.css({width: '280px'});
            $('#top_nav').css({width: '77%', left: '304px'});
            $('#main').css({left: '280px'});
        } else {
            if (left_menu_cnt.is(":visible")) {
                left_menu_cnt.hide(10, 'linear');
                side.css({width: '60px'});
                $('#top_nav').css({width: '100%', left: '60px', 'padding-left': '28px'});
                $('#main').css({left: '60px'});
                $("#show_hide_btn").find('img').attr('src', 'images/common/nav_show.png');
            } else {
                left_menu_cnt.show(500, 'linear');
                side.css({width: '280px'});
                $('#top_nav').css({width: '77%', left: '304px', 'padding-left': '0px'});
                $('#main').css({left: '280px'});
                $("#show_hide_btn").find('img').attr('src', 'images/common/nav_hide.png');
            }
        }
    }
</script>
<!-- side menu start -->
<div id="top_nav">
    <span id="here_area">当前位置：系统&nbsp;>&nbsp;系统信息</span>
</div>
<div id="main">
    <iframe name="right" id="rightMain" src="introduce.html" frameborder="no" scrolling="auto" width="100%"
            height="100%" allowtransparency="true"></iframe>
</div>

</body>
</html>
   
 